@font-face
{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url('Lato-Regular.ttf') format('opentype');
}

@font-face
{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: local('Lato Hairline'), local('Lato-Hairline'), url('Lato-Hairline.ttf') format('opentype');
}

@font-face
{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url('Lato-Black.ttf') format('opentype');
}

@font-face
{
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('Lato-BlackItalic.ttf') format('opentype');
}

@font-face
{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url('Lato-Bold.ttf') format('opentype');
}

@font-face
{
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url('Lato-Italic.ttf') format('opentype');
}

@font-face
{
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('Lato-BoldItalic.ttf') format('opentype');
}

@font-face
{
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url('Lato-LightItalic.ttf') format('opentype');
}

@font-face
{
    font-family: 'Lato';
    font-style: italic;
    font-weight: 100;
    src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url('Lato-HairlineItalic.ttf') format('opentype');
}

@font-face
{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url('Lato-Light.ttf') format('opentype');
}

